<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2D变换</title>
    <link rel="stylesheet" href="./css/twoD.css">
</head>
<body>
    <img src="./img/lxw.png" alt="" class="lxw">
    <img src="./img/lxw.png" alt="" class="lxw-1">
            <div>
                <div class="banxin">
                    <div class="top-1">
                        <h1 class="title-h1"><span>CSS</span>作业</h1>
                    </div>
                </div>
            </div>

            <div class="conten">
                <div class="banxin">
                    <div class="conten-mian">
                        <div class="box">2D变换</div>
                        <div class="box">2D旋转</div>
                        <div class="box">2D缩放</div>
                        <div class="box">2D倾斜</div>
                    </div>
                </div>
            </div>

            <div class="conten">
                <div class="banxin">
                    <div class="conten-mian">
                        <div class="nr">
                            <img src="./img/1.jpg" alt=""/>
                            <img src="./img/qd.png" alt=""  class="li"/>
                        </div>
                    </div>
                </div>
            </div>

            <div class="conten">
                <div class="banxin">
                    <div class="conten-mian">
                        <div class="box-2">
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            <span class="text-2">前</span>
                            
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <img src="./img/xing.png" alt="">
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                             <p class="text-3">后</p>
                         </div>
                    </div>
                </div>
            </div>

            <div style="height: 200px;text-align: center;line-height: 200px; color: #fff;">&copy;版权归我所有</div>
</body>
</html>